import { h, fragment } from '@knno/dom/jsx';
import { Paginator } from '../../../dist/jsx/paginator';

export function ShowPaginator() {
	return (
		<>
			<h2>分页器</h2>
			<p>样式1：</p>
			<Paginator pages={1} />
			<p>样式2：</p>
			<Paginator class={'outline'} pages={100} active={4} onactivepage={(e) => console.log(e.detail.page)} />
			<p>样式3：</p>
			<Paginator pages={100} active={20} />
			<p>样式4：</p>
			<Paginator pages={100} active={98} />
			<p>样式5：</p>
			<Paginator pages={12} buttons={1} onactivepage={(e) => console.log(e.detail.page)} />
		</>
	);
}
